<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 对象
        // {属性： 属性值 属性2：属性值2}
        // {key：value}
        // 成对出现的数据。 是键值对 一个对象可以有多个键值对
        // 当前对象的key是唯一的
        // 对象是以键值对形式出现的数据类型
        // 茶叶 和 装茶叶的盒子关系


        var obj = {str: "hello" , num: 101 };
        console.log(obj);

        console.log(obj.str); //hello
        console.log(obj.num); //101

        obj.num = 999; // 修改了key的值
        console.log(obj); //{str:"hello", num:999}

        // 另外一种取值和赋值的风格
        console.log(obj["str"]); //hello 取值
        obj["str"] = "你好"; //赋值
        console.log(obj); //{str:"你好" , num : 999}

        // 总结： 对象是一种以键值对形式出现的数据集合
        // 它属于引用数据类型（地址）
    </script>
</body>
</html>